<!--
 * @Author: 陈俊升 761723995@qq.com
 * @Date: 2023-05-11 08:47:22
 * @LastEditors: 陈俊升 761723995@qq.com
 * @LastEditTime: 2023-12-15 13:55:22
 * @FilePath: /hr_new_vue3/src/views/Management/Human/HumanRoster/FileDetail/Components/Container/Attendance/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 人员档案详情-考勤记录 -->
<template>
  <div class="wrap">考勤记录</div>
</template>

<script lang="ts" setup>
import { GetHumanRosterDetail } from '@/apis/management/human/humanRoster';

const route = useRoute();
let id = Number(route.query.id);

onBeforeRouteUpdate((to) => {
  id = Number(to.query.id);
  getData();
});

const getData = async () => {
  try {
    const res = await GetHumanRosterDetail({ id });
    console.log(res);
  } catch (error: unknown) {
    console.log(error);
  }
};
</script>

<style lang="less" scoped>
.wrap {
  padding: 10px 20px;
  display: flex;
}
</style>
